<template>
    <h1>教职工信息基本页面</h1>

    <table>
        <thead>
            <tr>
                <th>编号</th>
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
                <th>家庭住址</th>
                <th>手机号</th>
            </tr>
        </thead>

        <tbody>
            <tr v-for="item in info" >
                <td>{{ item.Id }}</td>
                <td>{{ item.Name }}</td>
                <td>{{ item.Sex }}</td>
                <td>{{ item.Age }}</td>
                <td>{{ item.Addres }}</td>
                <td>{{ item.Phone }}</td>
            </tr>
        </tbody>

    </table>

</template>

<script setup lang="ts">
import {ref} from 'vue'
//
const info = ref([
    {
        Id:1,
        Name:'寒冰',
        Sex:'男',
        Age:31,
        Addres:'北京',
        Phone:'13023490745',
    },
 {
        Id:2,
        Name:'惋惜',
        Sex:'女',
        Age:32,
        Addres:'天津',
        Phone:'13098765432',
    },
     {
        Id:3,
        Name:'可惜',
        Sex:'女',
        Age:33,
        Addres:'河北',
        Phone:'13089657412',
    },
     {
        Id:4,
        Name:'冰佳',
        Sex:'男',
        Age:34,
        Addres:'河南',
        Phone:'13478596321',
    },
     {
        Id:5,
        Name:'张三',
        Sex:'女',
        Age:35,
        Addres:'上海',
        Phone:'13085967412',
    },
     {
        Id:6,
        Name:'李四',
        Sex:'男',
        Age:36,
        Addres:'浙江',
        Phone:'135874963121',
    },
     {
        Id:7,
        Name:'王五',
        Sex:'女',
        Age:37,
        Addres:'杭州',
        Phone:'13596874122',
    },
     {
        Id:8,
        Name:'赵六',
        Sex:'男',
        Age:38,
        Addres:'福建',
        Phone:'13987456213',
    },
     {
        Id:9,
        Name:'周星驰',
        Sex:'女',
        Age:39,
        Addres:'香港',
        Phone:'13987456254',
    },
     {
        Id:10,
        Name:'归来',
        Sex:'男',
        Age:40,
        Addres:'台湾',
        Phone:'137485968512',
    },
])


</script>
